﻿@page
@{ Layout = "_Layout"; }

<el-alert
  v-if="isEnforcePasswordChange"
  title="您的密码很久没有修改了，为降低安全风险，请您重新设置密码后再登录"
  type="warning">
</el-alert>

<el-form ref="form" :model="form" size="small" status-icon label-width="140px">
  <el-form-item label="账号">
    {{ administrator.userName }}
  </el-form-item>
  <el-form-item label="新密码" prop="password" :rules="[{ required: true, message: '请输入新密码' }]">
    <el-input v-model="form.password" type="password" name="password" autocomplete="off"></el-input>
  </el-form-item>
  <el-form-item label="确认密码" prop="confirmPassword" :rules="[{ required: true, message: '请输入确认密码' }, { validator: validatePass }]">
    <el-input v-model="form.confirmPassword" type="password" name="confirmPassword" autocomplete="off"></el-input>
  </el-form-item>
</el-form>

<el-divider></el-divider>
<el-row align="right" style="margin-right: 5px; margin-top: 10px;">
  <el-col :span="24" align="right">
    <el-button type="primary" v-on:click="btnSubmitClick" size="small">确 定</el-button>
    <el-button size="small" v-on:click="btnCancelClick">关 闭</el-button>
  </el-col>
</el-row>

@section Scripts{
<script src="/sitefiles/assets/js/admin/settings/administratorsLayerPassword.js" type="text/javascript"></script> }